<template>
  <h1 v-show="isshow">v-show隐藏盒子</h1>
  <h1 v-if="isok">v-if判断是否显示 </h1>
  <hr>
  <p v-if="age >= 18">成年了</p>
  <p v-else-if="age>16">可以去做兼职了</p>
  <p v-else>未成年在吃几年饭吧</p>
</template>
<script>
export default {
    data() {
        return {
            //v-show 和 v-if 都是判断是否显示   v-show 显示和隐藏，不会删除dom标签
            // v-if 判断是否加载  会删除dom标签的
            /**
             * 语法： v-show = 'vue的数据变量'
             * v-if = 'vue的数据变量'
             */
            isshow : false,
            isok: false,
           age:17
        }
    }
}

</script>